//扩大点击区域
const extendClick = () => {
	return `
        position: relative;
        &:before{
            content: "";
            position: absolute;
            top: -10px;
            bottom: -10px;
            left: -10px;
            right: -10px;
        };
    `
}

//一行文字溢出部分用 ... 代替
const noWrap = () => {
	return `
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        
    `
}

//导出全局默认样式和字体大小
export default {
	'theme-color': '#d44439',
	'theme-color-shadow': 'rgba (212, 68, 57, .5)',
	'font-color-light': '#f1f1f1',
	'font-color-desc': '#2E3030',
	'font-color-desc-v2': '#bba8a8',// 略淡的颜色
	'font-size-ss': '10px',
	'font-size-s': '12px',
	'font-size-m': '14px',
	'font-size-l': '16px',
	'font-size-ll': '18px',
	"border-color": '#e4e4e4',
	'background-color': '#f2f3f4',
	'background-color-shadow': 'rgba (0, 0, 0, 0.3)',
	'highlight-background-color': '#fff',
	extendClick,
	noWrap
}